
@rate: 1rem/40;

.background  {
  width: 100%;
  padding-top: 513 * @rate;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/bg.png");
  background-color: rgb(7,105,212);
  .bg-absolute {
    position: absolute;
  }

  .kstd {
    position: fixed;
    
    right: 10 * @rate;
    z-index: 999;
    &-pc{
      width: 90 * @rate;
      height: 360 * @rate;
      background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/gaokaohou/kstd.png");
      line-height: 32 * @rate;
      padding-top: 78 * @rate;
      a {
        display: block;
        width: 100%;
        height: 100%;
      }
      &-list {
        div  {
          width: 50 *@rate;
          border-bottom: 1px dashed #fb3a18;
          color: #fb3a18;
          font-size: 12 * @rate;
          white-space: nowrap;
          &:last-child {
            border-bottom: none;
          }
        }
      }
      .back-top{
        width: 47 * @rate;
        height: 52 * @rate;
        cursor: pointer;
      }
    }

    &-m {
      width: 100 * @rate;
      height: 100 * @rate;
      background: rgba(0,0,0,0.2);
      border-radius: 50%;
      font-size: 16 * @rate;
    }
    
  }
  #tab-box {
    display: none;
    height: 70 * @rate;
  }
  #tab::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: 1200 * @rate;
    height: 70 * @rate;
    background-image: linear-gradient(-90deg, 
		#015eea 0%, 
		#00c0fa 100%);
    box-shadow: 0 13 * @rate 13 * @rate 0 
      rgba(8, 62, 121, 0.52);
    border-radius: 35 * @rate;
  }
  #tab .p-relative {
    z-index: 1;
  }
  .tab {
    width: 1200 * @rate;
    padding: 0 57 * @rate;
  }
  
  .tab.tab-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
  }
  
  .tab-list {
    cursor: pointer;
    font-size: 18 * @rate;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70 * @rate;
  }
  .container {
    width: 1200 * @rate;
  }
  .se-title  {
    font-size: 60 * @rate;
    text-shadow: 0 5 * @rate 5 * @rate 
		rgba(91, 91, 91, 0.75);
    img {
      width: 156 * @rate;
      height: 53 * @rate;
      margin-top: 8 * @rate;
      &.se-img1-55 {
        margin-right: 55 * @rate;
      }
      &.se-img2-55 {
        margin-left: 55 * @rate;
      }
      &.se-img1-50 {
        margin-right: 50 * @rate;
      }
      &.se-img2-50 {
        margin-left: 50 * @rate;
      }
    }
  }
  .title-tips {
    font-size: 24 * @rate;
    margin: 33 * @rate 0 60 * @rate;
  }
  .btn {
    width: 420 * @rate;
    height: 60 * @rate;
    background-image: linear-gradient(180deg, 
      #ffd88b 0%, 
      #ee8251 100%);
    box-shadow: 0 25 * @rate 27 * @rate 0 
      #0957ab;
    border-radius: 30 * @rate;
    font-size: 20 * @rate;
    color: #184371;
  }
  .btn2 {
    margin-left: 40 * @rate;
    background-image: linear-gradient(180deg, 
    #a1c4fd 0%, 
    #c2e9fb 100%);
  }

  .swiper-container {
    padding-bottom: 50 * @rate;
    .swiper-pagination {
      bottom: 0;
      .swiper-pagination-bullet {
        width: 12 * @rate;
        height: 12 * @rate;
        background-color: #eeeeee;
        opacity: 1;
        &.swiper-pagination-bullet-active {
          width: 17 * @rate;
          height: 17 * @rate;
          border: solid 4 * @rate #05eefe;
          background: none;
        }
      }
    }
  }

  .section-background {
    background-color: #0658b0;
  }
  .section1 {
    padding-top: 65 * @rate;
    .o-content {
      margin-top: 50 * @rate;
      .o-list {
        width: 271 * @rate;
        height: 189 * @rate;
        border-radius: 30 * @rate;
        border: solid 1 * @rate #00f0ff;
        padding-top: 32 * @rate;
        font-size: 16 * @rate;
        img {
          height: 30 * @rate;
          margin-bottom: 19 * @rate;
        }
        div {
          padding: 0 30 * @rate;
          text-align: left;
          max-height: 90 * @rate;
        }
      }
    }
    .o-btn {
      margin-top: 38 * @rate;
    }
  }

  .section2 {
    padding: 84 * @rate 0 80 * @rate; 
    .t-content {
      margin-top: 63 * @rate;
      margin-bottom: 65 * @rate;
      .t-list {
        width: 306 * @rate;
        height: 167 * @rate;
        font-size: 20 * @rate;
        border-right: 1 * @rate dashed;
        &:last-child {
          border: none;
        }
        img {
          width: 100 * @rate;
          height: 90 * @rate;
        }
      }
    }
  }

  .section3 {
    padding: 71 * @rate 0 67 * @rate;
    .th-content {
      margin: 67 * @rate 0 50 * @rate;
      .th-list {
        width: 283 * @rate;
        height: 284 * @rate;
        background-image: linear-gradient(180deg, 
          #89f7fe 0%, 
          #66a6ff 100%);
        border-radius: 0 0 0 60 * @rate;
        color: #005abb;
        .th-list-bg {
          width: 283 * @rate;
          height: 284 * @rate;
          background-image: linear-gradient(180deg, 
            #89f7fe 0%, 
            #66a6ff 100%);
          border-radius: 0 0 0 60 * @rate;
          opacity: 0.2;
          position: absolute;
          left: -8 * @rate;
          top: 8 * @rate;
        }
        &.th-list2 {
          color: #8f0c8f;
          background-image: linear-gradient(180deg, 
          rgba(246, 191, 159, 1) 0%, 
          #db8ade 100%);
          .th-list-bg {
            background-image: linear-gradient(180deg, 
          rgba(246, 191, 159, 1) 0%, 
          #db8ade 100%);
          }
          .th-list-top {
            background-color: #e845e8;
            div:last-child {color: #e845e8;}
          }
          .th-list-b {
            div.p-relative::before {
              border-color: #8f0c8f;
            }
          }
        }
        &.th-list3 {
          color: #7c4102;
          background-image: linear-gradient(180deg, 
          rgba(247, 203, 107, 1) 0%, 
          #fba980 100%);
          .th-list-bg {
            background-image: linear-gradient(180deg, 
            rgba(247, 203, 107, 1) 0%, 
            #fba980 100%);
          }
          .th-list-top {
            background-color: #7c4102;
            div:last-child {color: #7c4102;}
          }
          .th-list-b {
            div.p-relative::before {
              border-color:  #7c4102;
            }
          }
        }
        &.th-list4 {
          color: #03633e;
          background-image: linear-gradient(180deg, 
          #43ea80 0%, 
          #38f8d4 100%);  
          .th-list-bg {
            background-image: linear-gradient(180deg, 
            #43ea80 0%, 
            #38f8d4 100%);
          }
          .th-list-top {
            background-color: #03633e;
            div:last-child {color: #03633e;}
          }
          .th-list-b {
            div.p-relative::before {
              border-color:  #06794c;
            }
          }
        }

        &-top {
          width: 101 * @rate;
        height: 40 * @rate;
        background-color: #0c7cf5;
        border-radius: 0 0 30 * @rate 0;
          font-size: 33 * @rate;
          div:last-child {
            width: 26 * @rate;
            height: 26 * @rate;
            background-color: #ffffff;
            margin-left: 10 * @rate;
            color: #0c7cf5;
            border-radius: 50%;
            font-size: 20 * @rate;
          }
        }
        &-c {
          font-size: 20 * @rate;
          margin: 23 * @rate 0 10 * @rate;
          padding-left: 14 * @rate;
        }
        &-b {
          padding-left: 35 * @rate;
          font-size: 16 * @rate;
          line-height: 28 * @rate;
          max-height: 176 * @rate;
          div {
            font-weight: normal;
          }
          div.p-relative {
            font-weight: 800;
          }
          div.p-relative::before {
            content: "";
            width: 4 * @rate;
            height: 4 * @rate;
            border: solid 3 * @rate #0b7cf5;
            border-radius: 50%;
            position: absolute;
            left: -17 * @rate;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }
    }
  }

  .section4 {
    padding: 74 * @rate 0 70 * @rate;
    .f-content {
      margin: 100 * @rate 0 43 * @rate;
      .f-list {
        &-top {
          width: 280 * @rate;
          height: 50 * @rate;
          background-color: #ffffff;
          border-radius: 25 * @rate;
          color: #00deff;
          font-size: 24 * @rate;
          img{
            width: 63 * @rate;
            height: 56 * @rate;
            margin-top: -12 * @rate;
            margin-left: 18 * @rate;
          }
        }
        &-b {
          width: 505 * @rate;
          height: 120 * @rate;
          background-image: linear-gradient(0deg, 
            #4eadfe 0%, 
            #00deff 100%);
          border-radius: 10 * @rate;
          margin-top: -25 * @rate;
          font-size: 16 * @rate;
          padding: 0 35 * @rate;
        }
        .circle {
          width: 8 * @rate;
          height: 8 * @rate;
          background-color: #00deff;
          border-radius: 50%;
        }
        &.f-list1 {
          .f-list-b {
            margin-right: 20 * @rate;
          }
          .circle {
            margin-right: 5 * @rate;
          }
        }
        &.f-list2 {
          margin-top: 107 * @rate;
          .f-list-top {
            color: #fb7099;
            img {
              width: 50 * @rate;
              height: 55 * @rate;
            }
          }
          .f-list-b {
            background-image: linear-gradient(180deg, 
            #fb7099 0%, 
            #e94472 100%);
            height: 140 * @rate;
            margin-left: 20 * @rate;
          }
          .circle {
            background: #fb7099;
            margin-left: 5 * @rate;
          }
        }
        &.f-list3 {
          margin-top: -50 * @rate;
          .f-list-top {
            color: #e252e1;
            img {
              width: 57 * @rate;
	height: 48 * @rate;
            }
          }
          .f-list-b {
            background-image: linear-gradient(180deg, 
		#fd9cfd 0%, 
		#e252e1 100%);
	height: 180 * @rate;
  margin-right: 20 * @rate;
          }
          .circle {
            margin-right: 5 * @rate;
            background-color: #fd9cfd;
          }
        }
        &.f-list4 {
          margin-top: 58 * @rate;
          .f-list-top {
            color: #0fe3ab;
            img {
              width: 52 * @rate;
	height: 52 * @rate;
            }
          }
          .f-list-b {
            background-image: linear-gradient(0deg, 
		#98e05f 0%, 
		#0fe3ab 100%);
	height: 164 * @rate;
  margin-left: 20 * @rate;
          }
          .circle {
            margin-left: 5 * @rate;
            background-color: #0fe3ab;
          }
        }
      }
      &-absolute {
        width: 10 * @rate;
        height: 438 * @rate;
        background-color: #0036b2;
        border-radius: 5 * @rate;
        top: 0;
        div {
          width: 34 * @rate;
          height: 34 * @rate;
          background-color: #00deff;
          border-radius: 50%;
          margin-bottom: 75 * @rate;
          &:nth-child(2) {
            background-color: #fb7099;
          }
          &:nth-child(3) {
            background-color: #fd9cfd;
          }
          &:nth-child(4) {
            background-color: #0fe3ab;
            margin-bottom: 0;
          }
        }
      }
    }
  }

  .section5 {
    padding: 83 * @rate 0 100 * @rate;
    .fi-content {
      margin-top: 73 * @rate;
      .fi-list {
        width: 514 * @rate;
        height: 552 * @rate;
        background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/f1.png");
        padding: 40 * @rate 30 * @rate 80 * @rate;
        font-size: 16 * @rate;
        color: #184371;
        line-height: 27 * @rate;
        &-t {
          font-size: 52 * @rate;
          padding-left: 42 * @rate;
          margin-bottom: 22 * @rate;
          line-height: 1;
        }
        &-n {
          padding: 0 20 * @rate 0 43 * @rate;
          max-height: 230 * @rate;
          .fx-row {
            margin-bottom: 5 * @rate;
          }
          .fx-row::before {
            content: "";
            display: inline-block;
            width: 4 * @rate;
            height: 4 * @rate;
            border: 3 * @rate solid rgba(242, 142, 38, 1);
              border-radius: 50%;
              margin-right: 5 * @rate;
          }
        }
        &:first-child {
          margin-right: 120 * @rate;
        }
        .fi-list1-fy {
          width: 140 * @rate;
          height: 34 * @rate;
          line-height: 34 * @rate;
          background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/f-arrow_03.png");
          padding-left: 43 * @rate;
          margin: 20 * @rate 0 10 * @rate;
        }
        .fi-btn {
          position: absolute;
          bottom: -14 * @rate;
          left: -50 * @rate;
          font-size: 20 * @rate;
          color: #184371;
          width: 300 * @rate;
          height: 80 * @rate;
          background-image: linear-gradient(180deg, 
            #ffd88b 0%, 
            #ee8251 100%);
          box-shadow: 0 25 * @rate 27 * @rate 0 
            rgba(25, 193, 255, 0.4);
        }
        &.fi-list2 {
          background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/f2.png");
          .fi-list-n {
            max-height: 350 * @rate;
          }
          .fi-btn {
            background-image: linear-gradient(180deg, 
		#a1c4fd 0%, 
		#c2e9fb 100%);
          }
        }
      }
    }
  }

  .section6 {
    padding-top: 60 * @rate;
    .s-content {
      font-size: 16 * @rate;
      img {
        height: 133 * @rate;
        margin-bottom: 20 * @rate;
      }
      &-title {
        font-size: 36 * @rate;
      }
      &-1 {
        &-contents {
          height: 220 * @rate;
        }
      }
      .s-contain-wraps {
        width: 806 * @rate;
      }
      .s-btn {
        margin-top: 53 * @rate;
      }
    }
  }

  .section7 {
    padding: 98 * @rate 0 80 * @rate;
    .se-content {
      margin: 52 * @rate 0;
      width: 1156 * @rate;
      height: 289 * @rate;
      border-radius: 30 * @rate;
      border: solid 2 * @rate #8af3ff;
      .se-tab-content {
        padding: 40 * @rate 90 * @rate 34 * @rate 48 * @rate;
        .se-list {
          display: none;
          font-size: 15 * @rate;
          max-height: 216 * @rate;
          &.se-list-active {
            display: block;
          }
          &-title {
            color: #05eefe;
            margin-top: 10 * @rate;
            &::before {
              content: "";
              display: inline-block;
              width: 4 * @rate;
              height: 4 * @rate;
              border: 3 * @rate solid #05eefe;
              border-radius: 50%;
              margin-right: 5 * @rate;
            }
          }
        }
      }
      .se-tabs {
        .se-tab {
          cursor: pointer;
          width: 232 * @rate;
	        height: 72 * @rate;
          font-size: 24 * @rate;
          &.se-active::before {
            content: "";
            width: 0;
            height: 0;
            display: inline-block;
            border: 10 * @rate solid rgb(7,105,212);
            position: absolute;
          }
          &.se-tab1 {
            background-image: linear-gradient(-90deg, 
            #4facfe 0%, 
            #00f2fe 100%);
          }
          &.se-tab2 {
            background-image: linear-gradient(-90deg, 
          rgba(254, 220, 69, 1) 0%, 
          #fb7099 100%);
          }
          &.se-tab3 {
            background-image: linear-gradient(-90deg, 
            rgba(255, 157, 254, 1) 0%, 
            #e252e0 100%);
          }
          &.se-tab4 {
            background-image: linear-gradient(-90deg, 
          #98e05f 0%, 
          #0de3ac 100%);
          }
        }
      }
    }
  }

  .section8 {
    padding: 75 * @rate 0 52 * @rate;
    .e-content {
      .swiper-container {
        .swiper-slide {
          padding-left: 42 * @rate;
          &:first-child {
            .e-s-info {
              img {
                width: 136*@rate;
                height: 71*@rate;
              }
            }
          }
          &:nth-child(2) {
            .e-s-info {
              img {
                width: 97*@rate;
                height: 102*@rate;
              }
            }
          }
        }
      }
      .e-swiper {
        width: 471 * @rate;
	      height: 220 * @rate;
        .e-s-detail {
          width: 471 * @rate;
          height: 220 * @rate;
          background-color: #ffffff;
          box-shadow: 0 15 * @rate 10 * @rate 0 
      rgba(4, 0, 0, 0.09);
      padding: 28 * @rate 35 * @rate;
      font-size: 16 * @rate;
        }
        .se-bg {
          width: 241 * @rate;
          height: 200 * @rate;
          top: -24 * @rate;
          left: -40 * @rate;
        }
        .e-s-title {
          margin-bottom: 30 * @rate;
          color: #434343;
          font-size: 18 * @rate;
        }
        .e-btn {
          width: 161 * @rate;
          height: 50 * @rate;
          background-image: linear-gradient(180deg, 
            #ffd88b 0%, 
            #ee8251 100%);
            font-size: 20 * @rate;
            color: #184371;
            bottom: -24 * @rate;
            right: -40 * @rate;
            z-index: 3;
            font-size: 20 * @rate;
        }
      }
    }
  }
  .section9 {
    padding: 70 * @rate 0;
    .n-content {
      margin: 48 * @rate 0 43 * @rate;
      .n-list {
        width: 294 * @rate;
        height: 187 * @rate;
        border: solid 1 * @rate #05eefe;
        line-height: 36 * @rate;
        font-size: 16 * @rate;
        overflow: hidden;
        &-img {
          width: 294 * @rate;
          height: 151 * @rate;
        }
      }
    }
  }
  .section10 {
    padding: 40 * @rate 0;
    .section-background {
      background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/n-bg.png");
      background-color: none;
      background-repeat: no-repeat;
    }
    .se-c {
      margin-top: 45 * @rate;
    }
  }
}
@media screen and (min-width:980px) {
  .background {
    .section6 {
      .s-bg1 {
        background-image: linear-gradient(0deg, 
        #4facfe 0%, 
        #00f2fe 100%);
        width: 696 * @rate;
        left: -417 * @rate;
        transform: translateX(0);
      }
      .s-bg2 {
        background-color: #27cffe;
        opacity: 0.2;
      }
      .s-bg3 {
        background-color: #0850a0;
        opacity: 0.4;
        left: -417 * @rate;
        transform: translateX(0);
      }
      .s-bg4 {
        width: 696 * @rate;
        background-image: linear-gradient(0deg, 
    rgba(254, 220, 69, 1) 0%, 
    #fb7099 100%);
    right: -417 * @rate;
    top: 0;
    bottom: 0;
      }
    }
    .section7 {
      .se-content {
        border-right: none;
        .se-tabs {
          .se-tab {
            &.se-active::before {
              left: 0;
              top: 50%;
              transform: translate(-100%,-50%);
            }
            &.se-tab1 {
              &.se-active::before {
                border-right-color: #00f1fe;
              }
            }
            &.se-tab2 {
            &.se-active::before {
              border-right-color:  #fb7098;
            }
            }
            &.se-tab3 {
              &.se-active::before {
                border-right-color: #e353e0;
              }
            }
            &.se-tab4 {
            &.se-active::before {
              border-right-color:  #0ee3ab;
            }
            }
          }
        }
      }
    }
    .kstd {
      top: 223 * @rate;
    }
  }
}
@media screen and (max-width:979px) {
  .background  {
    background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/bg-m.png");
    padding-top: 598 * @rate;
    .container {
      width: 750 * @rate;
    }
    .kstd {
      bottom: 100 * @rate;
    }
    .btn {
      width: 330 * @rate; 
    }
    #tab::after {
      width: 750 * @rate;
    }
    .tab {
      width: 750 * @rate;
      padding: 0 20* @rate;
    }
    .se-title {
      font-size: 40 * @rate;
      img {
        width: 101 * @rate;
        height: 35 * @rate;
        margin-top: 4 * @rate;
        &.se-img1-55 {
          margin-right: 25 * @rate;
        }
        &.se-img2-55 {
          margin-left: 25 * @rate;
        }
        &.se-img1-50 {
          margin-right: 20 * @rate;
        }
        &.se-img2-50 {
          margin-left: 20 * @rate;
        }
      }
    }
    .section1 {
      .o-content {
        flex-wrap: wrap;
        margin: 40*@rate 20 * @rate 0;
        .o-list {
          width: 342 * @rate;
          height: 196 * @rate;
          font-size: 20 * @rate;
          padding-top: 20 * @rate;
          &:nth-child(n+3) {
            margin-top: 22 * @rate;
          }
          img {
            margin-bottom: 10 * @rate;
          }
          div { 
            max-height: 76 * @rate;
            padding: 0 10* @rate;
            max-height: 128 * @rate;
          }
        }
      }
    }
    .section2 {
      .t-content {
        .t-list { 
          height: 195* @rate;
        }
      }
    }
    .section3 { 
      .th-content {
        flex-wrap: wrap;
        margin: 60* @rate 12* @rate 50 * @rate;
        .th-list {
          width: 355 * @rate;
          height: 348 * @rate;
          &:nth-child(n+3) {
            margin-top: 22 * @rate;
          }
          .th-list-bg { 
            width: 355 * @rate;
            height: 348 * @rate;
          }
          &-c {

          }
          &-b {
            &.c-sroll {
              max-height: 230 * @rate;
              overflow-y: hidden;
            }
          }
        }
      }
    }
    .section4 {
      .f-content {
        margin: 100 * @rate 10* @rate 43 * @rate;
        .f-list {
          &-top {
            width: 200 * @rate;
          }
          &-b {
            width: 300 * @rate;
            padding: 20* @rate 10 * @rate 0;
            height: 159* @rate;
          }
          &.f-list1 {
            .f-list-b {
              margin-right: 10 * @rate;
            }
          }
          &.f-list2 {
            margin-top: 95 * @rate;
            .f-list-b {
              height: 200* @rate;
              margin-left: 10 * @rate;
            }
          }
          &.f-list3 {
            margin-top: -130 * @rate;
            .f-list-b {
              height: 320* @rate;
              margin-right: 10 * @rate;
            }
          }
          &.f-list4 {
            margin-top: 30 * @rate;
            .f-list-b {
              height: 260* @rate;
              margin-left: 10 * @rate;
            }
          }
        }
        &-absolute {
          height: 450 * @rate;
          div {
            margin-bottom: 65 * @rate;
            &:nth-child(3) {
              margin-bottom: 120 * @rate;
            }
          }
        }
      }

    }
    .section5 {
      .fi-content {
        &.swiper-container {
          padding-bottom: 80 * @rate;
        }
        .fi-list { 
          width: 658 * @rate;
          height: 706 * @rate;
          margin-left: 65*@rate;
          &-n { 
            max-height: 330 * @rate;
            padding: 0 10 * @rate 0 20 * @rate;
            &.c-sroll {
              overflow-y: hidden;
            }
            .fx-row {
              margin: 10 * @rate 0;
            }
          }
          &:first-child {
            margin-right: 0;
          }
          &.fi-list2 {
            .fi-list-n {
              max-height: 450 * @rate;
            }
          }
          .fi-list1-fy {
            padding-left: 20 * @rate;
            margin-left: 8 * @rate;
          }
        }
      }
    }
    .section6 {
      .s-content {
        &-1 {
          flex-wrap: wrap;
          &-contents {
            
            width: 750 * @rate;
            height: 70 * @rate;
          } 
        }
        &-title {
          font-size: 30 * @rate;
          background-image: linear-gradient(0deg, 
            #4facfe 0%, 
            #00f2fe 100%);
        }
        .s-contain-wraps {
          width: 720 * @rate;
          height: 226 * @rate;
          text-align: center;
        margin: 0 10 * @rate;
        }
      }
    }
    .section7 {
      .se-content {
        width: 725 * @rate;
        overflow: hidden;
        margin: 52 * @rate auto;
        flex-wrap: wrap;
        height: auto;
        .se-tab-content {
          padding: 25 * @rate 20 * @rate 28 * @rate ;
          .se-list {
            max-height: 500 * @rate;
            &.c-sroll {
              overflow: hidden;
            }
          }
        }
        .se-tabs {
          flex-direction: row;
          .se-tab {
            width: 183 * @rate;
            font-size: 20 * @rate;
            &.se-active::before {
              left: 50%;
              bottom: 0;
              transform: translate(-50%,100%);
            }
            &.se-tab1 {
              &.se-active::before {
                border-top-color: #00f1fe;
              }
            }
            &.se-tab2 {
            &.se-active::before {
              border-top-color:  #fb7098;
            }
            }
            &.se-tab3 {
              &.se-active::before {
                border-top-color: #e353e0;
              }
            }
            &.se-tab4 {
            &.se-active::before {
              border-top-color:  #0ee3ab;
            }
            }
          }
        }
      }
     
    }
    .section8 {
      .swiper-slide{
        width: 90%!important;
        margin: 0 5%;
      }
      .swiper-slide-next{
          left:-20%;
      }
      .e-content {
        .e-swiper {
          width: 500 * @rate;
          .e-s-detail {
            width: 500 * @rate;
            padding: 20 * @rate 10 * @rate;
            .e-s-title {
              margin-bottom: 10 * @rate;
            }
          }
          .e-s-title {
            margin-bottom: 28 * @rate;
          }
        }
      }
    }
    .section9 {
      .n-content {
        margin: 48 * @rate 12 * @rate 43 * @rate;
        .n-list {
          width: 358 * @rate;
          height: 228 * @rate;
          line-height: 42 * @rate;
          font-size: 19 * @rate;
          &-img {
            width: 358 * @rate;
            height: 185 * @rate;
          }
        }
      }

    }
    .section10 {
      .section-background {
        background-image: url("http://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/meiguogaokao/images/n-bg-m.png");
      }
    }
  }
}